@import './modules/header.scss';
@import './modules/footer.scss';
.breadcrumb{
    padding: 24px 15px;
    margin-bottom: 0;
}
a:hover{
    text-decoration: none;
}
.product{
    display: flex;
    position: relative;
    &>a{
        position: fixed;
        right: 20px;
        top: 50%;
        font-size: 30px;
        color: rgb(150, 144, 144);
        text-decoration: none;
        &:hover{
            color:rgb(55, 55, 218);
        }
        span{
            position: absolute;
            font-size: 12px;
            display:inline-block;
            background-color: red;
            color:white;
            text-align: center;
            line-height: 20px;
            min-width: 20px;
            height: 20px;
            border-radius: 10px;
            left: 20px;
            top:-5px;
        }
    }
}
.left{
    width: 450px;
}
.right{
    padding:0 20px ;
    height: 536px;
    flex: 1;
    &>p{
        color: red;
    }
    label{
        width: 70px;
    }
    .good-info{
        background-color: rgb(236, 233, 233);
        margin: 20px 0;
        &-top{
            span{color: red;font-size: 18px;}
        }
        &-bottom{
            span{
                border: 1px solid red;
                color: red;
                padding: 0 5px;
                margin-right: 5px;
            }
        }
    }
    .good-pull{
        border-bottom:1px solid rgb(138, 133, 133) ;
    }
    .good-choose-list,.good-choose-list1,.good-choose-list2{
        height: 65px;
        label{
            float: left;
            margin-top: 27px;
        }
        ul{
            display: inline-block;
            margin-top: 20px;
            float: left;
            li{
                margin-right: 20px;
                float: left;
                padding: 5px 10px;
                border: 1px solid rgb(138, 133, 133);
                &.ac{
                    border: 1px solid red;
                }
            }
        }        
    }
    .chooses{
        span{
            color: red;
            margin-left: 20px;
        }
    }
}
.join-cart{position: relative;}
.changeNum { position:relative; margin:20px 0;}
.changeNum input { width:40px; height:40px; text-align:center; line-height:40px;border:1px solid #ccc;}
.changeNum button {height:20px; line-height: 7px;width:20px; background:none; border:1px solid #ccc; position:absolute;}
.changeNum .addBtn { left:40px; top:0px;}
.changeNum .subBtn { left:40px; top:20px;}
.okBtn,.okBuy {
     height:30px;
     width:180px;
     position: absolute;
     left:80px; top:0;
     width: 100px;
     height: 40px;
     background-color: red;
     color: #fff;
     border: none;
     outline: none;
}
.okBuy{
    left:200px;
    background-color: orange;
    a{
        display: block;
        width: 100%;
        height: 100%;
        line-height: 38px;
        color: #fff;
        text-decoration: none;
    }
}
.details{
    height: 100px;
    font-size: 20px;
    background-color: rgb(224, 220, 220);
    color: rgb(78, 76, 76);
    display: flex;
    justify-content: space-between;
    align-items: center;
    li{
        width: 25%;
        text-align: center;
        line-height: 100px;
    }
}
.imgInfo{
    margin: 0 auto;
    li{
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: rgb(236, 235, 235);
        p{
            color: rgb(87, 82, 82);
            text-align: center;
            display: block;
            width: 600px;
            margin: 0 auto;
        }
    }
}
#exzoom {
    width: 400px;
    /*height: 400px;*/
}